<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>XX管理系统</title>
</head>
<script type="text/javascript">
$(function(){
	$('#tt').tree({    
	    url:'tree',
	    onLoadSuccess:function(node,data){
	    	$("#tt").tree('expandAll');
	    },
		onClick:function(node){
			if(node.attributes.url){
				if($("#tab").tabs('exists',node.text)){
					$("#tab").tabs('select',node.text);
				}else{				
					$('#tab').tabs('add',{    
					    title:node.text,    
					    content:'<iframe frameborder="no" width="100%" height="100%" src="'+node.attributes.url+'"></iframe>',    
					    closable:true,  				   
					});  
				}

			}
		}
	});  


})
</script>
<body class="easyui-layout">   
    <div data-options="region:'north',split:true" style="height:100px;"></div>  
    
     
    <div data-options="region:'south',split:true" style="height:100px;"></div>  
    
         <iframe></iframe>
    <div data-options="region:'west',title:'功能列表',split:true" style="width:180px;">
  	 	<ul id="tt"></ul>      
    </div>   
    
    
    <div data-options="region:'center',title:'内容展示'" style="padding:5px;background:#eee;">
    	<div id="tab" class="easyui-tabs" data-options="fit:true"></div>
    </div>
      
     
</body>  
</html>